@media screen {}
.now
{
    display :block;
    height: 60px;
    width: 7.2%;
    background-color: white;
    text-decoration: none;
    color:rgb(0,208,172) ;
    text-align: center;
    line-height: 60px;
    /* border-top: rgb(0,208,172) solid 5.515px; */
}

.now:hover
{
    background-color: orange;
}

.nav > .user a 
{
    display :block;
    height: 60px;
    width: 130px;
    background-color: skyblue;
}

.nav .common-a
{
  display :block;
  height: 60px;
  width: 7.2%;
  background-color: white;
  text-decoration: none;
  color:rgb(0,208,172) ;
  text-align: center;
  line-height: 60px;
  /* border-top: rgb(0,208,172) solid 5.515px; */
}

.nav .special-a
{
  display: inline;
  height: 60px;
  width: 7.2%;
  background-color: transparent;
  text-decoration: none;
  color:rgb(0,208,172) ;
  text-align: center;
  line-height: 60px;
}

.nav .buttom
{
  background-color: rgb(0, 208, 172);
  height: 2px;
  width: 80%;
  margin-left: 10%;
  border: 2px solid rgb(0, 208, 172);
  border-radius: 2px;
}

.nav .common-a:hover
{
    background-color: orange;
}

.nav
{
    display:flex;
    align-items:center;
    vertical-align : middle;
}

.nav .para-a
{
    display: block;
    height: 60px;
    width: 13%;
    background-color: aliceblue;
    text-align: center;
    line-height: 60px;
    text-decoration: none;
    border: skyblue solid 1px;
}

.nav img
{
    height: 30px;
    width: 30px;
    left: 0px;
}

footer p
{
    position:fixed; 
    bottom:0px; 
    left:29%;
}
